<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
<style>
div.k-window-content{overflow:hidden}
</style>
<!-- start 临时授权管理页面-弹出层 -->
<article id="access_right_edit_frame">
    <div class="hint-content">
        <div class="leftBox">
            <div class="workTicket-info">
                <div class="layerTitle left"><span>临时授权信息</span></div>
                <input type="hidden" data-bind="value:id" />
                <div class="hint-text">
                    <label>车牌号码：</label>
                    <input type="text" style="width:210px" id="vehicleNo" class="k-textbox" data-bind="value:vehicleNo" required validationMessage="车牌号码必填且不能包含特殊字符" pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$" />
                </div>
                <div class="hint-text">
                    <label>授权类型：</label>
                    <input type="text" style="width:210px" id="accreditType" required validationMessage="授权类型为必选" data-bind="value:accreditType" />
                </div>
                <div class="hint-text">
                    <label>起始时间：</label>
                    <input type="text" id="beginTime" required validationMessage="有效开始时间必选" bdDataTimePicker="value:new Date()" data-bind="value:beginTime" />
                </div>
                <div class="hint-text">
                    <label>结束时间：</label>
                    <input type="text" id="endTime" required validationMessage="有效结束时间必选" bdDataTimePicker="value:new Date()" data-bind="value:endTime" />
                </div>
                <div class="hint-text">
                    <label>授权次数：</label>
                    <input type="text" style="width:210px" required validationMessage="授权次数必填" id="accreditNumber" data-bind="value:accreditNumber" />
                </div>
                <div class="hint-text">
                    <label>超时计费：</label>
                    <input type="text" style="width:210px" required validationMessage="超时计费必选" id="timeoutBiling" data-bind="value:timeoutBiling" />
                </div>
                <div class="hint-text">
                    <label>授权原因：</label>
                    <textarea  class="k-textbox" style="width:568px;height:80px;resize:none;" data-bind="value:accreditRemark"></textarea>
                </div>
                <!--                 <div class="hint-text"> -->
                <!--                     <label>语音播报类容：</label> -->
                <!--                     <textarea type="text" class="k-textbox" style="width:470px; resize: vertical" data-bind="value:speechContent"></textarea> -->
                <!--                 </div> -->
                <!--                 <div class="hint-text"> -->
                <!--                     <label>LED显示内容：</label> -->
                <!--                     <textarea type="text" class="k-textbox" style="width:470px; resize: vertical" data-bind="value:ledContent"></textarea> -->
                <!--                 </div> -->
            </div>
            <div class="layerTitle left"><span>历史通行记录</span></div>
            <div class="tableDiv" style="height:280px; overflow-y: auto">
                <table width="97%" id="history-recode">
                    <thead>
                        <tr>
                            <th>进场时间</th>
                            <th>进场通道</th>
                            <th>出场时间</th>
                            <th>出场通道</th>
                            <th>收费金额</th>
                            <th>支付方式</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="6" style="text-align: center; color:#ccc">暂无记录</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="rightTree" style="border-bottom:none">
            <div class="title">通行权限</div>
            <div>
                <ul id="permit_tree" style="height:550px;overflow-y: auto;" class="ztree"></ul>
            </div>
        </div>
        <div class="basicInfo-btn">
            <button class="save" data-bind="click:save_info">确定</button>
            <button class="cancel" data-bind="click:cancel">取消</button>
        </div>
    </div>
</article>
<!-- end 临时授权管理页面-弹出层 -->
<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
<script>
    var accessRightEdit = new AccessRightEdit($('#access_right_edit_frame'));
</script>